/* index */
body,
html,
#app {
  height: 100%;
  width: 100%;
  font-size: 14px;
}

.mainContainer {
  padding: 10px;
}

.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 180px;
  text-align: center;
  /* background-color: #39a9ed; */
  border-radius: 15px;
  width: 100%;
  position: relative;
}

.my-swipe img {
  width: 100%;
  border-radius: 10px;
  height:200px;
}

.my-swipe p.name {
  position: absolute;
  bottom: 0;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  padding: 0 2%;
  width: 96%;
  text-align: left;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0 0 15px 15px;
  color: #fff;
}

.my-swipe .van-swipe__indicators {
  left: 95%;
}


.iconItems {
  text-align: center;
  margin: 25px 0;
}

.iconItems .van-row:first-child {
  margin-bottom: 10px;
}

.iconItems img {
  width: 50px;
  height: 40px;
  text-align: center;
  margin-bottom: 5px;
}

.classImg img {
  border-radius: 10px;
  width: 100%;
  height: 130px;
  margin: 0 0 20px 0;
}

.liveList .title .fl {
  color: #000;
  font-weight: bold;
  font-size: 18px;
  padding: 2px 0;
  border-bottom: 3px solid #2262FF
}

.liveList .title .fr {
  color: #666;
  font-size: 13px;
}

.liveList .van-cell {
  font-size: 15px;
  color: #222;
  padding: 10px 0px;
}

/* 舆论详情 */

.weeklist ul li {
  position: relative;
  margin-bottom: 20px;
}

.weeklist img {
  height: 170px;
}

.news_container .van-tab__pane {
  padding: 0 10px;
}

.news_container .van-tabs--line .van-tabs__wrap,
.garden_container .van-tabs--line .van-tabs__wrap {
  height: auto;
  margin: 20px 10px;
}

.news_container .van-tabs__nav--line,
.garden_container .van-tabs__nav--line {

  border: 1px solid #2262FF;
  border-radius: 30px;
  padding: 0;
}

.news_container .van-tab--active,
.garden_container .van-tab--active {
  background-color: #2262FF;
  color: #fff;
  border-radius: 30px;
  border: 1px solid #2262FF;
}

.news_container .van-tabs__line,
.garden_container .van-tabs__line {
  display: none;
}

.tabs .van-tab {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
}

/* 游戏 */

.game_container {
  background: url(../image/game_img_bg@2x.png)no-repeat;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}

.game_container .name {
  text-align: center;
  color: #fff;
  padding: 10% 0;
}

.game_container .name h1,
.game_container .name h4 {
  font-family: Source Han Sans CN;
  font-weight: bold;
  letter-spacing: 2px;
}

.game_container .name h1 {
  font-size: 42px;
}

.game_container .name h4 {
  font-size: 20px;
  margin: 30px 0;
}

.game_container .name img {
  width: 50%;
}

.game_container .gameIcon img {
  width: 100%;
}

.gameIcon.van-grid {
  padding: 0 5px;
}

.gameIcon .van-grid-item__content {
  background-color: inherit;
  padding: 5px;
}

.intro_container {
  display: flex;
  flex-direction: column;
  height: 96%;
  padding: 2%;

}


.intro_container .intro {
  height: 60%;
  background: url(../image/chal_img_1@2x.png)no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.intro_container .intro .content {
  width: 100%;
  position: absolute;
  bottom: 18%;
  text-align: center;

}

.intro_container .intro .content span {
  border-bottom: 3px solid #2262FF;
  color: #2262FF;
  font-size: 18px;
  font-weight: bold;
  padding: 2px 0;
  display: inline-block;

}

.intro_container .intro .content p {
  margin: 10px 0;
  color: #222222;

}

.intro_container .step {
  position: fixed;
  bottom: 10%;
  width: 100%;
  text-align: center;
}

.intro_container .step button {
  display: table;
  border-radius: 30px;
  text-align: center;
  margin: 20px auto;
  padding: 0;
  width: 50%;
  background-color: #2656FB;
  color: #fff;
  height: 50px;

}

.intro_container .step button:last-child {
  background-color: #ED8434;

}

.game_container .timer {
  /* position: absolute; */
  font-size: 42px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  height: 100%;
  display: flex;
  /*实现垂直居中*/
  align-items: center;
  /*实现水平居中*/
  justify-content: center;
  margin: 0 auto;
  /* transform: translate(-50%, -50%); */
}

.hotNewList .title {
  margin: 20px 0 10px 0;
}

.hotNewList .fl {
  border-bottom: 3px solid #2262FF;
  padding: 5px 0;
}

.hotNewList .item>div {
  float: left;
  width: 25%;
}

.hotNewList .left img {
  border: 1px solid #ccc;
  height: 100px;
  width: 90px;
  border-radius: 10px;
}

.hotNewList .item {
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

.hotNewList .item>div.right {
  float: right;
  width: 75%;
}

.hotNewList .right .content {
  padding-left: 15px;

}

.hotNewList .right .content .name {
  line-height: 1.2;
}

.hotNewList .item .time {
  position: absolute;
  font-size: 13px;
  color: #999;
  bottom: 15px;
  right: 20px;
}

.detalis_container {
  padding: 15px;
}

.detalis_container .details_title h4 {
  font-size: 18px;
  color: #222;
  font-weight: bold;
  font-family: 'SourceHanSansCN-Medium';
  text-align: justify;
  line-height: 1.2
}

.detalis_container .details_title .time {
  font-size: 12px;
  color: #999;
  margin: 10px 0;
}

.video_container {
  height: 180px;
  width: 100%;
  border: 1px solid #ccc;
}

.class_container .van-tabs__line {
  background: #2656FB
}

.class_container .van-tab--active {
  color: #2656FB
}

.chapterList li {
  height: 50px;
  line-height: 50px;
  padding: 0 5px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

.chapterList .icon {
  width: 30px;
  height: 20px;
  position: absolute;
  left: 10px;
  top: 15px;

}

.chapterList p {
  margin-left: 40px;
  width: 65%;
}

.chapterList span {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 13px;
  background-color: #2656FB;
  color: #fff;
  border-radius: 30px;
  line-height: 30px;
  padding: 0 25px;
}

.chapterList li.active span {
  background-color: #fff;
  border: 1px solid #2656FB;
  color: #2656FB
}

.classlist {
  color: #Fff;
  padding: 15px;

}

.classlist>li {
  position: relative;
  margin-bottom: 15px
}

.classlist img {
  height: 200px;
  width: 100%;
  z-index: -1;
}

.classlist .info {
  position: absolute;
  top: 20%;
  left: 20%;
  width:80%;
  height:80%;
}



.classlist .info h2 {
  font-size: 20px;
  font-weight: bold;
  padding: 20px 0;
  color: #333;
}

.classlist .info span {
  background-color: #fff;
  color: #231287;
  padding: 10px 20px;
  border-radius: 30px;
  font-weight: 500;
  position:absolute;
  bottom:20%;
  border:1px solid #231287;
}

.answerList {
  padding: 15px;
}

.answerList .total {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0;
}

.answerList .question_title {
  text-align: justify;
  font-size: 15px;
  margin: 15px 0;
}



.answerList ul>li {

  margin: 15px 0;
  text-align: justify;
  background-color: #e5e5e5;
  padding: 12px;
  width: 90%;
  border-radius: 30px;
}

.answerList ul>li.wrong {
  background-color: #6672fb;
  color: #fff;
}

.answerList ul>li.right {
  background-color: #db5e5e;
  color: #fff;
}

.class_container .btnList {

  display: table;
  margin: 10px auto;
}


.class_container .btnList .van-button--normal {
  margin: 0 5px;
  padding: 0 25px;
}

.class_container .video-js {
  width: 100%;
  height: 100%
}

.video_container img {
  width: 100%;
  height: 100%;
}

.examlist_container {
  width: 100%;
  /* height: calc(100% – 40px); */
  height: 94.5%;
  background: url(../image/law_img_bg@2x.png)no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.examlist_container .typeSelect {
  position: absolute;
  width: 80%;
  left: 38px;
  top: 80px;

}

.typeSelect .van-cell {
  border-radius: 4px;
}

.typeSelect .van-field__label {
  width: auto
}

.examlist_container h3 {
  color: #fff;
  text-align: center;
}

.examlist_container .typeSelect h3 {
  margin: 10px 0;
}

.examlist_container .title {
  text-align: center;
  position: absolute;
  top: 6%;
  width: 100%
}

.examlist_container .title h2 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.examlist_container .examlist {
  position: absolute;
  top: 33%;
  width: 100%;
  height: 60%;
}

.examlist_container .examlist .content {
  position: absolute;
  top: 0;
  left:0;
  width:100%;
  height:100%;
}
.examlist_container .examlist .content h2{
  font-size:22px;
  color:#fff;
  margin-top: 50%;
  font-weight: 600;
}
.examlist_container .examlist .more {
  position: absolute;
  bottom: 20%;
  background-color: #fff;
  color: #2656FB;
  text-align: center;
  left: 50%;
  width: 40%;
  border: none;
  margin-left: -20%;
}

.examlist_container .examlist>div {
  padding: 20px 30px;
  text-align: center;
  height: 100%;
}

.examlist_container .timer {
  position: absolute;
  top: 21%;
  width: 100%;
  text-align: center;
}
.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.examModal{
  background-color: #fff;
  width: 80%;
  padding: 20px;
  border-radius: 10px;
}
.examModal p{
  margin: 30px 0;
  line-height: 1.5

}
.examModal .chooseType{
  border:1px solid #efefef;
  border-radius:5px;
  margin: 30px 0;
}

.examlist_container .step {
  position: absolute;
  bottom: 20px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.examlist_container .step .van-button--normal {
  padding: 0;
  height: 36px;
  width: 32%;
  margin: 0 5px;
}

.examlist_container .step_3 .van-button--normal {
  padding: 0;
  height: 40px;
  width: 25%;
  margin: 0 5px;

}

.examlist_container .step .van-button--normal:first-child {
  border: none;
  background-color: #ED8434;
}


.examlist_container .examInfo .tips {
  text-align: center;
  color: #2656FB;
  border-bottom: 3px solid #2656FB;
  font-size: 17px;
  font-weight: 600
}

.examlist_container .examInfo .detalis {
  text-align: justify;
  padding: 20px;
  line-height: 1.6;
  height: 90%;
  overflow-y: scroll;
}

.examlist_container .examInfo h5 {
  margin: 15px 0;
  font-size: 16px;
  font-weight: 600;
}

.examlist_container .examInfo .question_title {
  text-align: justify;
  color: #222;
  font-size: 14px;
  line-height: 1.4
}

.examlist_container .examInfo .questionArea {
  height: 70%;
  overflow-y: scroll;
}

.examlist_container .examInfo .questionArea ul {
  margin: 20px;
}

.examlist_container .examInfo .questionArea ul>li {
  background-color: #fff;
  font-size: 12px;
  border-radius: 30px;
  padding: 12px;
  margin-bottom: 15px;
  border: 1px solid #2262FF;
  color: #2262FF;
  line-height: 1.2
}

.examlist_container .examInfo .questionArea ul>li.answer {
  background-color: #2262FF;
  color: #fff;
}

.examlist_container .result {
  background-color: #fff;
}

.examlist_container .result>li {
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid #ebebeb;
}

.examlist_container .result>li:first-child {
  background: #DDEDFF;
  font-weight: 600;
}

.examlist_container .result>li:last-child {
  color: #FF1717
}

.examlist_container .result>li>span {
  display: inline-block;
  width: 33.3%;
  text-align: center;
}

.examlist_container .examlist .van-swipe {
  padding: 10px;
}

.examlist_container .examlist .van-swipe img {
  height: 400px;
  width: 94%;
  margin: 0 3%;
  border: 1px solid red;
}

.weekDetails_container button {
  background-color: #1980ff;
  color: #fff;
  padding: 10px;
  border-radius: 30px;

}

.examlist_container .toplist {
  height: 55%;
  overflow-y: scroll;
}

/* 排行榜 */
.examlist_container .examlist table th {
  font-size: 14px;
  font-weight: 600;
  color: #2262FF
}

.examlist_container .recordItem th {
  width: 18%;
}

.examlist_container .recordItem th:first-child {
  width: 40%;
}

.examlist_container .recordItem th:nth-child(2) {
  width: 22%;
}

.examlist_container .examlist table {
  width: 100%;
  overflow-y: scroll;
}

.examlist_container .examlist table td {
  padding: 12px 0;
  font-size: 13px;

}

.examlist_container .examlist table td.top1 {
  color: red;
}

.examlist_container .examlist table td.top2 {
  color: rgb(55, 114, 204);
}

.examlist_container .examlist table td.top3 {
  color: rgb(194, 81, 53);
}

.examlist_container .examlist table td.time {
  font-size: 13px;
}

.examlist_container .examlist table td.details {
  /* color: #1980ff; */
  font-weight: 600;
  font-size: 12px;
}

.examlist_container .examlist table tbody {
  height: 100%;
  overflow-y: scroll;
}

.examlist_container .examlist table thead,
tbody tr {
  /* display: table; */
  table-layout: fixed;
  /* width: 100%; */
}

.answerlist_container {
  background: none;
}

.answerlist_container .answerlists {
  border-bottom: 1px dashed #e5e5e5;
  padding: 15px 10px;
}

.answerlist_container .recordItem {
  margin-bottom: 100px;
  height: 90%;
  overflow-y: scroll;
}

.answerlist_container .answerlists p {
  line-height: 1.2
}

.answerlist_container .answerlists .q {
  margin: 10px 0;
}

.answerlist_container .answerlists .q p {
  line-height: 1.5;
  margin-bottom: 10px;
}

.answerlist_container .answerlists .q p.corrent {
  color: #a72525;
  font-weight: bold;

}

.answerlist_container .step {
  bottom: 10px;
}

.examlist_container .middleBtn {
  color: #1980ff;
  border: 1px solid #1980ff;
  background-color: #fff;
}

.nodata {
  text-align: center;
  margin: 30px auto;

}

.hotNewList .date {
  background-color: #dde7f5;
  padding: 16px 0;
  width: 90%;
  text-align: center;
  border-radius: 5px;
}

.hotNewList .date h2 {
  font-size: 20px;
  font-weight: 600;
  margin: 8px
}

.hotNewList .date p {
  color: #333;
  font-size: 12px;

}
.header{
  height:40px;
  line-height: 40px;
  background-color: #ededed;
  text-align: center;
}
.header .van-icon{
  font-size: 16px;
  margin: 12px 0;
  float: left;
  padding-left: 10px
}